<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>傲游5  革新你的浏览器世界观 | 支持全平台免费下载</title>
		<!-- 新 Bootstrap 核心 CSS 文件 -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="js/jquery-3.1.1.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="js/bootstrap.min.js"></script>
		<!--个性化定制CSS文件-->
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<nav class="nav navbar navbar-default navbar-fixed-top navbar-max">
			<div class="container">
				<div class="navbar-header">
					<a href="#" class="navbar-brand">
						<h1 class="h1-logo-text">傲游浏览器 | maxthon</h1>
					</a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
						<li class="active"><a href="#">首页</a></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">
								遨游产品
								<span class="caret"></span>
							</a>
							<ul class="dropdown-menu">
								<li><a href="http://www.maxthon.cn/mx5">傲游5</a></li>
								<li><a href="http://www.maxthon.cn/mx5/maxnote">傲游笔记</a></li>
								<li><a href="http://www.maxthon.cn/mx5/passkeeper">密码大师</a></li>
								<li><a href="http://www.maxthon.cn/mx5/uumail">百变邮箱</a></li>
								<li><a href="http://www.maxthon.cn/mx5/haha">傲游哈哈</a></li>
							</ul>
						</li>
						<li><a href="#">我的U+</a></li>
						<li class="dropdown">
             				<a href="http://www.maxthon.cn/mx/bug/post" class="dropdown-toggle" data-toggle="dropdown">
                			用户支持
                			<span class="caret"></span>
             				</a>
				            <ul class="dropdown-menu">
				               <li><a href="http://www.maxthon.cn/mx/bug/post">问题反馈</a></li>
				               <li><a target="_blank" href="http://www.maxthon.cn/mx5/help/">帮助中心</a></li>
				               <li><a target="_blank" href="http://bbs.maxthon.cn/">傲游社区</a></li>
				            </ul>
          				</li>
						<li><a href="#">关于</a></li>
					</ul>
				</div>	
			</div>
		</nav>
		<header class="container-fluid header-first border-bottom">
			<h2>这一次不是变化是进化</h2>
			<h2>傲游5  革新你的浏览器世界观</h2>
			<img src="img/track-all.png"/>
			<div class="header-btns text-center">
				<a class="andriod-down" href="#">
					立即下载
				</a>
				<a class="andriod-down white" href="#">
					傲游5 beta下载
				</a>
				<a class="andriod-down white" href="#">
					稍后下载
				</a>
				<div class="download-area">
					<a href="#" class="download-btns boder">
						<i class="later-icon"></i>
						稍后下载
					</a>
				</div>
				<div class="download-area">
					<a href="#" class="download-btns download-rightnow">
						<i class="icon-pc"></i>
						立即下载
					</a>
					<span class="download-tip">适用于Windows操作系统</span>
					<div>
						<a href="" class="download-link">便携版</a>
						<a href="" class="download-link">傲游5 Beta版</a>
					</div>
				</div>
				<div class="download-area">
					<div class="donwload-phone boder">
						<img src="img/code.png" class="code"/>
						<div class="phone-link-area">
							<a href="#" class="">
								<div>Android版 ></div>
							</a>
							<a href="#" class="">
								<div>iOS 版></div>
							</a>
						</div>
						<div class="clearfix"></div> <!--清除浮动，否则.download-tip会上移-->
					</div>
					<span class="download-tip">手机扫描二维码或点击下载</span>
					<div></div>
				</div>
			</div>
		</header>
		<div class="container border-bottom">
			<div class="row text-center maxcontent">
				<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
					<img src="img/maxnote-pic.png" class="content-pic"/>
				</div>	
				<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
					<div class="centent-text">
						<img src="img/maxnote-logo.png"/>
						<h2>傲游笔记—你的虚拟世界收纳箱</h2>
						<h3>傲游笔记，帮你收纳一切，记录一切</h3>
						<p>随心收藏：网页、文字、图片，不止网址</p>
						<p>随处阅读：地球任意地方，无论有网无网</p>
						<p>随时记录：记录一切，灵感、会议、文章</p>
					</div>
				</div>
			</div>
		</div>
		<footer class="container-fluid">
			<div class="container"> 
				<div class="row">
					<div class="col-md-2 col-lg-2 col-sm-12 col-xs-12 about">
						<h3>关于</h3>
						<ul class="footer-list">
							<li><a href="#">公司首页</a></li>
							<li><a href="#">人在傲游</a></li>
							<li><a href="#">新闻报道</a></li>
							<li><a href="#">商务合作</a></li>
							<li><a href="#">全球荣誉</a></li>
							<li><a href="#">工作机会</a></li>
							<li><a href="#">傲游公益</a></li>
							<li><a href="#">联系我们</a></li>
							<li><a href="#">隐私策略</a></li>
						</ul>
					</div>
					<div class="col-md-2 col-lg-2 col-sm-12 col-xs-12 about">
						<h3>友情链接</h3>
						<ul class="footer-list">
							<li><a href="#">傲游今日</a></li>
							<li><a href="#">傲游微博</a></li>
							<li><a href="#">466 网址导航</a></li>
							<li><a href="#">哈哈笑话</a></li>
							<li><a href="#">傲游游戏</a></li>
							<li><a href="#">傲游插件</a></li>
						</ul>
					</div>
					<div class="col-md-5 col-lg-5 col-sm-12 col-xs-12">
						<h3>联系我们</h3>
						<div class="contact-address">
							<h4>网际傲游(北京)科技有限公司</h4>
							<ul class="contact-address-detail">
								<li>电话：+86 10 80699110 (工作日：10:00～19:00)</li>
								<li>传真：+86 10 80699110-802</li>
								<li>地址：中国北京市东城区和平里东街11号航星科技园3号楼南2层西段</li>
								<li>邮编：100013</li>
							</ul>
						</div>
						<div class="code-bottom">
							<div class="code-bottom-wx">
								<img src="img/weixin.jpg"/>
								<span>傲游官方微信</span>
							</div>
							<div class="code-bottom-wb">
								<img src="img/weibo.png"/>
								<span>傲游官方微博</span>
							</div>
						</div>
					</div>
				    <div class="col-md-3 col-lg-3 col-sm-12 col-xs-12" style="padding-top:50px;">
				    	<div class="dropup">
							<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" 
									data-toggle="dropdown" style="width: 100%;">
								language
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li>
									<a href="#">简体中文</a>
								</li>
								<li>
									<a href="#">English</a>
								</li>
							</ul>
						</div>
				    </div>
				</div>
			</div>
		</footer>
		<div class="container-fluid copyright ">
			<div class="container">
				<div class="col-md-5">
					<p>© 1999-2017 网际傲游(北京)科技有限公司</p>
				</div>
				<div class="col-md-7 text-right">
					<p>京ICP证120017号 京ICP备11048873号 公网安备110108901521 京网文[2015]0070-020号</p>
				</div>
			</div>
		</div>
	</body>
</html>
